<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组件参数校验与非Props特性</title>
  <script src="vue.js"></script>
</head>
<body>
<!--content="hello word"   content后面的值如要为数字   须将content改为:content="123"-->
<div id="app">
   <child content="hello"></child>
</div>
<script>
  Vue.component('child',{
//    props:['content'],
    props:{
//       content:[Number,String]    //子组件接受字符串和数字其他不接受
        content:{
          type:String,
          required:true,      //true  表示content属性在父组件中必传
          default:'default value',   //当content属性在父组件中没有时执行
          validator:function(value){
             return(value.length>2)
          }
        }
    },
    template:'<div>{{content}}</div>'
  })
  var vm=new Vue({
    el:"#app",
  })
</script>
</body>
</html>
